<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!-- mapboxgl -->
    <script src="https://api.mapbox.com/mapbox-gl-js/v1.7.0/mapbox-gl.js"></script>
    <link href="https://api.mapbox.com/mapbox-gl-js/v1.7.0/mapbox-gl.css" rel="stylesheet" />  

    <!-- echarts -->
    <script src="https://cdn.jsdelivr.net/npm/echarts@4.6.0/dist/echarts.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/echarts-gl@1.1.1/dist/echarts-gl.min.js"></script>
    <!-- <script src="echarts.min.385.js"></script> -->
    <!-- <script src="echarts-gl-master.m.js"></script> -->

    <!-- 其他 -->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <!-- <script src="assets/world.js"></script> -->

    <!-- 百度地图 -->
    <!-- <script src="https://gallerybox.echartsjs.com/dep/echarts/latest/extension/bmap.min.js"></script>
    <script src="https://api.map.baidu.com/api?v=3.0&ak=9Y5hSOZKKo9QcWrwag0qMYYvQ6PIKEzw"></script> -->
    <style>
        body,
        html,
        #map {
            padding: 0;
            margin: 0;
            width: 100%;
            height: 100%;
        }
        .dommarker{
            width: 20px;
            height:20px;
            background-color: red;
        }
        .dommarker::after{
            height:60px;
            display: block;
        }
    </style>
</head>

<body>
<div class='dommarker'></div>
    <div id="map" class='map' style='filter:hue-rotate(30deg)'></div>
    <script src="init.js"></script>

    <script src="color2.js"></script>
    <script src="echartsopt.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/110/three.min.js"></script>
<!-- <script src="three3.js"></script> -->
<script src="https://unpkg.com/three@0.106.2/examples/js/loaders/GLTFLoader.js"></script>
<!-- <script src="mapboxopt.js" type="module"></script> -->
    <!-- <script src="mapboxopt.js"></script> -->
<!-- <script src="3dmodel.js"></script> -->
</body>

</html>